<template>
  <div class="wrapper">
    <div class="title-box">
      <div class="font-26">联系我们</div>
      <span class="border-bottom"></span>
    </div>
    <div class="content-box">
      <div class="content-item">
        <p class="font-16">杭州永卓电子商务有限公司</p>
        <p class="font-12"><span>地址：</span><span>杭州市江干区九环路6号通达大厦2幢4层</span></p>
        <p class="font-12"><span>电话：</span><span>0571-88180629</span></p>
        <p class="font-12"><span>联系邮箱：</span><span>yojoinmarketing@yz-zj.com</span></p>
      </div>
      <div class="qrcode-box">
        <img class="qrcode" src="../../../assets/qrcode_wx.jpg" alt="">
        <img class="qrcode" src="../../../assets/qrcode_wx.jpg" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ContactAddress'
}
</script>

<style lang="stylus" scoped>
  @import "~common/stylus/variable.styl"
  .wrapper
    background-color #f8f8f8
    padding-top 0.4rem
    padding-bottom 0.4rem
    .title-box
      display flex
      flex-direction column
      align-items center
      .font-26
        color $color-blue
      .border-bottom
        padding-top .24rem
        width .32rem
        border-bottom 0.08rem solid $color-blue
    .content-box
      width 90%
      margin 0 auto
      .content-item
        .font-16
          margin-top .24rem
          margin-bottom .24rem
      .qrcode-box
        display flex
        flex-direction row
        margin .24rem auto
        .qrcode
          width 30%
</style>
